<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大奖公告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, maximum-scale=1, user-scalable=no,viewport-fit=cover">
    <link href="css/common.css" rel="stylesheet">
    <style>
        body{
            font-size: 12px;
        }
        table{
            width: 100%;
            background: #fff;
            margin-bottom: 3px;
        }
        .wd-30{
            display: inline-block;
            padding: 2vw 0;
            text-align: center;
        }
        .wd-35{
            width: 35%;
            display: inline-block;
            text-align: center;
        }
        .game-name{
            border: 1px solid #f3e01c;
            width: 85%;
            padding: 1vw;
            color: #f8e30a;
        }
        .reward{
            border: 1px solid #f94824;
            padding: 1vw;
            color: #f94824;
        }
        .address{
            font-size: 12px;
        }
    </style>
</head>
<body>

<div class="head-nav">
    <div class="nav-left" onclick="javascript:history.back(-1)"><img src="img/gua/u18.png"></div>
    <div class="nav-title">大奖公告</div>
</div>
<div class="main">
    <div onclick='showMap(this)' data-value="dwer234sara">
        <table>
            <tr>
                <td style='width: 95%;padding: 2vw'>
                    <div>
                        <div class='wd-30'>2018-07-25</div>
                        <div class='wd-30'><div class='game-name'>刮刮乐</div></div>
                        <div class='wd-35'><div class='reward'>一等奖25万</div></div>
                    </div>
                    <div class='address'>门店地址：浦东大酒店游戏大厅-08号机</div>
                </td>
                <td><img src='img/gua/u25.png'></td>
            </tr>
        </table>
    </div>
    <div onclick='showMap(this)' data-value="vsdfwqerw2342de">
        <table>
            <tr>
                <td style='width: 95%;padding: 2vw'>
                    <div>
                        <div class='wd-30'>2018-07-25</div>
                        <div class='wd-30'><div class='game-name'>刮刮乐</div></div>
                        <div class='wd-35'><div class='reward'>三等奖5000元</div></div>
                    </div>
                    <div class='address'>门店地址：陆家嘴世纪金融广场100号游戏大厅-08号机</div>
                </td>
                <td><img src='img/gua/u25.png'></td>
            </tr>
        </table>
    </div>
</div>

<script src="js/jquery-1.8.0.min.js"></script>
<script src="js/common.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="https://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>

<script type="application/javascript">
    $(function () {

    });
    function showMap(me) {
        var shopId = $(me).attr("data-value");
        var paramStr = {};
        paramStr.shopId = shopId;
        var params = {};
        params.paramStr = JSON.stringify(paramStr);
        Common.ajaxWithParam("/fenful/api/v1/common/getShopById", params, function(data) {
            window.location.href = "shopMap.html?lat="+data.latitude+"&lng="+data.longitude;
        });

    }
</script>
</body>
</html>